{{include file="public/header" /}}

<!-- header top nav -->
{{include file="public/header_top_nav" /}}

<!-- search -->
{{include file="public/nav_search" /}}

<!-- header nav -->
{{include file="public/header_nav" /}}

<!-- goods category -->
{{include file="public/goods_category" /}}

<!-- 文章顶部钩子 -->
{{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
    <div class="plugins-tag">
	    <span>plugins_view_article_detail_top</span>
    </div>
{{/if}}
{{if !empty($plugins_view_article_detail_top_data) and is_array($plugins_view_article_detail_top_data)}}
    {{foreach $plugins_view_article_detail_top_data as $hook}}
        {{if is_string($hook) or is_int($hook)}}
            {{$hook|raw}}
        {{/if}}
    {{/foreach}}
{{/if}}

<!-- content start -->
<div class="am-container article-content am-padding-sm">
	<!-- 右侧内容 -->
	<div class="am-u-md-10 am-u-md-push-2 article-right">
		<div class="article-header am-text-center am-padding-0">
			<h1 class="am-article-title">{{$article.title}}</h1>
			<p class="am-article-meta">
				<span>发布时间：{{$article.add_time}}</span>
				<span>浏览次数：{{$article.access_count}}</span>
			</p>
			<hr class="am-article-divider" />
		</div>

		<!-- 文章内容底部钩子 -->
		{{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
		    <div class="plugins-tag">
			    <span>plugins_view_article_detail_content_top</span>
		    </div>
		{{/if}}
        {{if !empty($plugins_view_article_detail_content_top_data) and is_array($plugins_view_article_detail_content_top_data)}}
            {{foreach $plugins_view_article_detail_content_top_data as $hook}}
                {{if is_string($hook) or is_int($hook)}}
                    {{$hook|raw}}
                {{/if}}
            {{/foreach}}
        {{/if}}

        <!-- 文章内容 -->
		<div class="am-article am-scrollable-horizontal">{{$article.content|raw}}</div>

		<!-- 上一篇、下一篇 -->
        <div class="last-next-data am-margin-top-lg am-padding-bottom-sm">
            <hr class="am-article-divider am-margin-bottom-sm" />
            <div class="am-nbfc am-padding-horizontal-sm">
                <div class="am-nbfc">
                    <span class="am-fl">上一篇：</span>
                    {{if !empty($last_next_data['last'])}}
                        <a href="{{$last_next_data.last.url}}" class="am-text-primary am-text-truncate am-fl am-block">{{$last_next_data.last.title}}</a>
                        <span class="text-tips am-fr">{{$last_next_data.last.add_time}}</span>
                    {{else /}}
                        <span class="text-tips">没有符合条件的文章</span>
                    {{/if}}
                </div>
                <div class="am-nbfc am-margin-top-xs">
                    <span class="am-fl">下一篇：</span>
                    {{if !empty($last_next_data['next'])}}
                        <a href="{{$last_next_data.next.url}}" class="am-text-primary am-text-truncate am-fl am-block">{{$last_next_data.next.title}}</a>
                        <span class="text-tips am-fr">{{$last_next_data.next.add_time}}</span>
                    {{else /}}
                        <span class="text-tips">没有符合条件的文章</span>
                    {{/if}}
                </div>
            </div>
        </div>

		<!-- 文章内容底部钩子 -->
		{{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
		    <div class="plugins-tag">
			    <span>plugins_view_article_detail_content_botton</span>
		    </div>
		{{/if}}
        {{if !empty($plugins_view_article_detail_content_botton_data) and is_array($plugins_view_article_detail_content_botton_data)}}
            {{foreach $plugins_view_article_detail_content_botton_data as $hook}}
                {{if is_string($hook) or is_int($hook)}}
                    {{$hook|raw}}
                {{/if}}
            {{/foreach}}
        {{/if}}
	</div>

	<!-- 左侧内容 -->
	<div class="am-u-md-2 am-u-md-pull-10 article-sidebar am-padding-0">
		<div class="am-offcanvas" id="article-nav-sidebar">
			<div class="am-offcanvas-bar am-offcanvas-bar-overlay">
				<!-- 左侧内部顶部钩子 -->
				{{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
				    <div class="plugins-tag">
					    <span>plugins_view_article_detail_left_inside_top</span>
				    </div>
				{{/if}}
		        {{if !empty($plugins_view_article_detail_left_inside_top_data) and is_array($plugins_view_article_detail_left_inside_top_data)}}
		            {{foreach $plugins_view_article_detail_left_inside_top_data as $hook}}
		                {{if is_string($hook) or is_int($hook)}}
		                    {{$hook|raw}}
		                {{/if}}
		            {{/foreach}}
		        {{/if}}

		        <!-- 左侧内容 -->
				{{if !empty($category_list)}}
					<section data-am-widget="accordion" class="am-accordion am-accordion-gapped am-padding-0" data-am-accordion='{}'>
						<!-- 分类 -->
						<div class="am-panel am-panel-default am-panel-group am-margin-bottom-0">
							<div class="am-panel-hd am-padding-left-sm">
								<h3 class="am-panel-title">文章分类</h3>
							</div>
							<ul class="am-nav category-list">
								{{foreach $category_list as $v}}
									<li>
										<a href="{{$v.url}}" title="{{$v.name}}" {{if isset($article['article_category_id']) and $article['article_category_id'] eq $v['id']}}class="am-active"{{/if}}>{{$v.name}}</a>
									</li>
								{{/foreach}}
							</ul>
						</div>
					</section>
				{{/if}}

				<!-- 左侧内部底部钩子 -->
				{{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
				    <div class="plugins-tag">
					    <span>plugins_view_article_detail_left_inside_botton</span>
				    </div>
				{{/if}}
		        {{if !empty($plugins_view_article_detail_left_inside_botton_data) and is_array($plugins_view_article_detail_left_inside_botton_data)}}
		            {{foreach $plugins_view_article_detail_left_inside_botton_data as $hook}}
		                {{if is_string($hook) or is_int($hook)}}
		                    {{$hook|raw}}
		                {{/if}}
		            {{/foreach}}
		        {{/if}}
			</div>
		</div>
	</div>
	<a href="javascript:;" class="am-icon-btn am-icon-th-list am-show-sm-only article-nav-button" data-am-offcanvas="{target: '#article-nav-sidebar'}">
		<span class="am-sr-only">侧栏导航</span>
	</a>
</div>
<!-- content end -->

<!-- 文章底部钩子 -->
{{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
    <div class="plugins-tag">
	    <span>plugins_view_article_detail_bottom</span>
    </div>
{{/if}}
{{if !empty($plugins_view_article_detail_bottom_data) and is_array($plugins_view_article_detail_bottom_data)}}
    {{foreach $plugins_view_article_detail_bottom_data as $hook}}
        {{if is_string($hook) or is_int($hook)}}
            {{$hook|raw}}
        {{/if}}
    {{/foreach}}
{{/if}}

<!-- footer start -->
{{include file="public/footer" /}}
<!-- footer end -->